section nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .2rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
}

section nav>a {
    width: 2.36rem;
    height: 2.20rem;
}

section nav>a>img {
    width: 2.36rem;
}

.active {
    display: flex;
    padding: 0 .2rem;
}

.active>.active-left {
    width: 4.8rem;
}

.active>.active-left>a {
    display: flex;
}

.active>.active-left>a>img {
    width: 2.4rem;
    height: 2.43rem;
}

.active>.active-right {
    width: 2.32rem;
}

.active>.active-right>a>img {
    width: 2.32rem;
    height: 4.86rem;
}

.brand {
    width: 100%;
    padding: 0 .2rem;
}

.brand>img {
    width: 100%;
}

.brand>ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.brand>ul>li {
    width: 1.76rem;
}

.brand>ul>li>img {
    width: 1.76rem;
}

.live {
    width: 100%;
    padding: 0 .2rem;
    margin-bottom: .2rem;
}

.live>img {
    width: 7.1rem;
}

.live>.product {
    display: flex;
}

.live>.product>a {
    width: 3.34rem;
    height: 6.06rem;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    margin: 0 .1rem;
}

.live>.product>a>img {
    width: 3.3rem;
    height: 3.34rem;
}

.live>.product>a {
    display: flex;
    flex-direction: column;
}

.p-title {
    width: 3.34rem;
    font-size: .28rem;
    color: #ccc;
    padding: 0 .2rem;
    margin-bottom: .2rem;
    line-height: .36rem;
}

.p-price {
    font-size: .28rem;
    margin-top: 0;
    margin-bottom: .2rem;
    color: #8f8f94;
    text-align: center;
}

.p-price>.r-price {
    font-size: .24rem;
    color: #f30;
    margin-right: .2rem;
}

.p-price>.b-price {
    font-size: .24rem;
    color: #ccc;
    text-decoration: line-through;
}

.product button {
    width: 1.64rem;
    height: .66rem;
    background: #006699;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 auto;
}